/**
*******************************************************************************
MAIN PLAYBACK CONTROLS

Applies images and layout rules for Play/Pause, Previous (back), Next (forward).

*******************************************************************************
*/
/* Play button normal size */
#play_play_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-play.png");
}
/* Stop Button */
#play_stop_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-stop.png");
}
/* Previous Button */
#play_back_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-previous.png");
}
/* Next Button */
#play_fwd_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-next.png");
}
/* Shuffle Button */
#shuffle_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-shuffle-none.png");
}
#shuffle_button[shuffleState="1"] {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-shuffle-all.png");
}

/* Repeat Button */
#repeat_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-repeat-none.png");
}
#repeat_button[repeatState="1"] {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-repeat-one.png");
}
#repeat_button[repeatState="2"] {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-repeat-all.png");
}

/**
 * Volume button and slider popup
 */
#volume_button {
  list-style-image: url("chrome://songbird/skin/media-control-pane/button-volume.png");
  -moz-image-region: rect( 0px 24px 24px 0px );
}
#volume_button[iconsize="small"] {
  -moz-image-region: rect( 0px 40px 16px 24px );
}
#volume_button[volumeState="0"],
#volume_button[volumeState="1"] {
  -moz-image-region: rect( 0px 24px 24px 0px );
}
#volume_button[volumeState="0"][iconsize="small"],
#volume_button[volumeState="1"][iconsize="small"] {
  -moz-image-region: rect( 0px 40px 16px 24px );
}
#volume_button[volumeState="2"] {
  -moz-image-region: rect( 24px 24px 48px 0px );
}
#volume_button[iconsize="small"][volumeState="2"] {
  -moz-image-region: rect( 16px 40px 32px 24px );
}
#volume_button[volumeState="3"] {
  -moz-image-region: rect( 48px 24px 72px 0px );
}
#volume_button[iconsize="small"][volumeState="3"] {
  -moz-image-region: rect( 32px 40px 48px 24px );
}
#volume_button[volumeState="4"] {
  -moz-image-region: rect( 72px 24px 96px 0px );
}
#volume_button[iconsize="small"][volumeState="4"] {
  -moz-image-region: rect( 48px 40px 64px 24px );
}

/* Volume Slider */
#volume-control-panel {
  min-width: 23px;
  width: 23px;
  min-height: 78px;
}
.sb-player-volume-slider:focus {
  outline:none !important;
}
.sb-player-volume-slider .button-box {
  padding:0;
  margin:0;
  border:none;
}
progressmeter.sb-player-volume-slider {
  min-height: 74px;
  max-height: 74px;
  margin: 0px;
}


sb-player-volume-slider {
margin:0;
padding:0;
}

slider.sb-player-volume-slider,
progressmeter.sb-player-volume-slider {
  min-width: 12px !important;
  width: 12px !important;
  max-width: 12px !important;
  border: none;
  background-color:transparent !important;
}

stack.sb-player-volume-slider {
  padding: 0 2px;
}


/**
 * FacePlate controls (labels, time)
 */
#metadata_toolbar,
#metadata_toolbar_noplay {
  padding: 4px;
}
#metadata_toolbar label {
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 2px;
  margin-right: 2px;
}
#metadata_toolbar sb-player-title-label {
  font-family: Verdana,Georgia,Sans-serif;
  font-size: medium;
  font-weight: bold;
}
#metadata_toolbar sb-player-artist-label {
  font-family: Verdana,Georgia,Sans-serif;
  font-style: italic;
}
#metadata_toolbar sb-player-album-label {
  font-family: Verdana,Georgia,Sans-serif;
  font-style: italic;
}
/* Not playing view */
#metadata_toolbar_noplay label {
  font-family: Verdana,Georgia,Sans-serif;
  font-size: medium;
  font-weight: bold;
}

/**
 * Seekbar
 */
sb-player-seek-slider .toolbar-seekbar {
  padding: 4px;
}
